<body>
    <h1>regitrar vehiculo!</h1>
     <div class="demo">
        <div id="moduloPersona" title="Modulo de Personas">

        </div>
    </div>
    <div id="mytabs">
        <ul id="tablist">
            
            <li id="tabs-1-tab"><a href="#tabs-1">Datos Vehiculo</a></li>
                       
        </ul>
        <div id="tabs-1">
            <table align="center">
                <tr>
                    <td>
                        Placa
                    </td>
                    <td>
                        <input name="placa_vehiculo" id="placa_vehiculo"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Marca
                    </td>								
                    <td>
                        <input name="marca" id="marca"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Clase
                    </td>								
                    <td>
                        <input name="clase" id="clase"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Tipo
                    </td>								
                    <td>
                        <input name="tipo" id="tipo"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Año
                    </td>								
                    <td>
                        <input name="anio" id="anio"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Modelo
                    </td>								
                    <td>
                        <input name="modelo" id="modelo"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Color
                    </td>								
                    <td>
                        <input name="color" id="color"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Serial De La Carroceria
                    </td>								
                    <td>
                        <input name="serial_carroceria" id="serial_carroceria"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Serial Del Motor
                    </td>								
                    <td>
                        <input name="serial_motor" id="serial_motor"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Seguro
                    </td>								
                    <td>
                        <input name="seguro" id="seguro"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Poliza
                    </td>								
                    <td>
                        <input name="poliza" id="poliza"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Vencimiento De La Poliza
                    </td>								
                    <td>
                        <input name="fecha_vencimiento_poliza" id="fecha_vencimiento_poliza"/>
                    </td>
                </tr>
                 <tr>
                    <td>
                        CI Dueño
                    </td>								
                    <td>
                        <input name="cedula_dueno" id="cedula_dueno"/><img src="../images/add.png" style="cursor: pointer;" onClick="cargarModuloPersona()"/>
                    </td>
                </tr>
                 <tr>
                    <td>
                        id_empresa
                    </td>								
                    <td>
                        <input name="id_empresa" id="id_empresa"/>
                    </td>
                </tr>
                <tr>
                    <td height="30px"></td>
                </tr>

            </table>
            
        </div>
        
    </div>
    <table align="center">
        <tr>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a style="cursor: pointer;" class="art-button" href="javascript:guardar()">Guardar</a>
                    </span>
                </p>
            </td>
            <td>
                <p>
                    <span class="art-button-wrapper">
                        <span class="art-button-l"> </span>
                        <span class="art-button-r"> </span>
                        <a class="art-button" style="cursor: pointer;" href="javascript:limpiar()">Limpiar</a>
                    </span>
                </p>
            </td>
        </tr>
    </table>
    <div id="respuesta"></div> 
    <script>
        
        function guardar(){			
            console.log(">>>" + $("#placa_vehiculo").get(0).value);
            // vehiculo
            //Con jquery obtengo los id de cada input que estan en mi pagina html.
            var params = {placa_vehiculo: $("#placa_vehiculo").get(0).value,
                marca: $("#marca").get(0).value,
                clase: $("#clase").get(0).value,
                tipo: $("#tipo").get(0).value,
                anio: $("#anio").get(0).value,
                modelo: $("#modelo").get(0).value,
                color: $("#color").get(0).value,
                serial_carroceria: $("#serial_carroceria").get(0).value,
                serial_motor: $("#serial_motor").get(0).value,
                seguro: $("#seguro").get(0).value,
                poliza: $("#poliza").get(0).value,
                fecha_vencimiento_poliza: $("#fecha_vencimiento_poliza").get(0).value,
                cedula_dueno: $("#cedula_dueno").get(0).value,
                id_empresa: $("#id_empresa").get(0).value,
                accion: "registrar"
                //persona
            //    cedula: $("#cedula").get(0).value,
             //   nombre: $("#nombre").get(0).value,
             //   apellido: $("#apellido").get(0).value,
             //   nacionalidad: $("#nacionalidad").get(0).value,
              //  direccion_hab: $("#direccion_hab").get(0).value,
              //  telefono: $("#telf").get(0).value,
             //   edad: $("#edad").get(0).value,
              //  sexo: $("#sexo").get(0).value,
             //   fecha_nacimiento: $("#fecha_nacimiento").get(0).value,
            //    edo_civil: $("#edo_civil").get(0).value,
             //   profesion: $("#profesion").get(0).value,
            //    lugar_nacimiento: $("#lugar_nacimiento").get(0).value,
               
                
            }			
            $("#respuesta").load("../controladores/VehiculoControlador.php", params, function(){	
                
                console.log("recibidos los datos por ajax");
            });
        }
         $("#fecha_vencimiento_poliza" ).datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
           dateFormat: 'yy-mm-dd',
            regional: 'es'
        });
         function cargarModuloPersona() {
            $.fx.speeds._default = 700;
            $("#moduloPersona").dialog({
                height: 500,
                width : 800,
                show: "explode",
                hide: "explode"
            });
            $("#moduloPersona").load("persona/contenedor.html");    
        }
        $("#mytabs").tabs();
    </script>  
</body>
